<template>
  <kg-virtual-list :list="data" :estimatedItemSize="100"  v-slot="{item}">
    <p>
      <span style="color:red">{{item.id}}</span>
      {{item.value}}
    </p>
  </kg-virtual-list>
</template>

<script>

import faker from 'faker'

const data = []
for (let id = 0; id < 1000; id++) {
  data.push({
    id,
    value: faker.lorem.sentences(), // 长文本
  })
}

export default {
  name: 'app',
  data () {
    return {
      data,
    }
  },
  components: {
  },
}
</script>

<style>
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
}
#app {
  height: 100%;
}
</style>
